<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="icon" href="../img/login/favicon.ico" type="image/x-icon">
		<title>用户登录-购酒网</title>
		<link rel="stylesheet" type="text/css" href="../css/login.css"/>
	</head>
	<body>
		<!--top-->
		<div id="top">
			<div class="top_con">
				<h1 class="logo">
					<a href="../index.html">
						<img src="../img/login/hd_logo.jpg"/>
					</a>
				</h1>
				<div class="top_right">
					<p>您好，欢迎光临购酒网！</p>
					<a href="#">
						<i></i>帮助
					</a>
					<a href="#">
						<i></i>在线客服
					</a>
				</div>
			</div>
		</div>
		<!--main-->
		<div id="login_main">
			<div class="main_con">
				<div class="login">
					<div class="login_img clearfix" style="float: left;">
						<a href="#">
							<img src="../img/login/f266f601df1a45528c25effca17a1a63.jpg"/>
						</a>
					</div>
					<div class="login_body">
						<div class="login_title">
							<i></i>
							购酒网会员登录
						</div>
						<!--登录框-->
						<div class="gjw_user">
							<label for="userName"></label>
							<input type="text" name="userName" placeholder="邮箱/手机号码" id="userName" value="" />
							<!--<div class="user_false"><span></span>请输入密码</div>-->
						</div>
						<div class="gjw_password">
							<label for="password"></label>
							<input type="password" name="password" id="password" value="" />
							<!--<div class="psw_false"><span></span>请输入密码</div>-->
						</div>
						<div class="yzm" style="">
							<input type="text" id="checkNum" style="" />
							<span id="yzm_box" style=""></span>
							<em>看不清？<a href="javascript:;">换一张</a></em>
						</div>
						<div class="autologin">
							<input type="checkbox" id="auto"/>
							<label for="auto">自动登录</label>
							<a href="#">忘记密码</a>
						</div>
						<div class="btn">
							<form action="">
								<input type="button" name="sub_btn" id="sub_btn" value="登录" />
							</form>
						</div>
						<p class="login_bg"></p>
						<div class="partner_login">
							使用合作账号登录
							<div class="partner">
								<li><a href="#"><img src="../img/login/qq.png" alt="" /></a></li>
								<li><a href="#"><img src="../img/login/zfb.png" alt="" /></a></li>
								<li><a href="#"><img src="../img/login/ico38.png" alt="" /></a></li>
							</div>		
						</div>
						<a href="regist.html" class="reg_btn">注册新账号</a>
					</div>
				</div>
				<div class="bottom_con">
					<ul class="clearfix">
						<li><a href="#" title="关于我们">关于我们</a></li>
						<li><a href="#" title="联系我们">联系我们</a></li>
						<li><a href="#" title="人才招聘">人才招聘</a></li>
						<li><a href="#" title="隐私声明">隐私声明</a></li>
						<li><a href="#" title="帮助中心">帮助中心</a></li>
						<li><a href="#" title="友情链接">友情链接</a></li>
					</ul>
					<p>Copyright©2009-2017 gjw.com, All Rights Reserved 购酒网(上海)供应链管理有限公司 版权所有</p>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/gVerify.js"></script>
	<script type="text/javascript" src="../js/jquery.cookie.js"></script>
	<script type="text/javascript" src="../js/login.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#userName,#password").val("");
		})
		$h = $(window).height() - parseInt($("#top").css("height"));
		$("#login_main").css("height",$h - 1);
		$(window).resize(function(){
			$h = $(window).height() - parseInt($("#top").css("height"));
			$("#login_main").css("height",$h - 1);
		})
		setInterval(function(){
			$("#login_main").animate({"background-position-x": "+=-1px"},50);
		},50)
		setInterval(function(){
			$("#login_main").animate({"background-position-y": "+=-1px"},50);
		},50)
		$("#userName,#password").focus(function(){
			$(this).parent().addClass("focus");
		})
		$("#userName,#password").blur(function(){
			$(this).parent().removeClass("focus");
		})
		var verifyCode = new GVerify("yzm_box");
		verifyCode.refresh();
	</script>
</html>
